<script setup lang="ts">
import HotPoint from "./HotPoint.vue";
import Carousel from "./Carousel.vue";
import TeaProfile from "./TeaProfile.vue";
import { inject } from "vue";
import type { ITea } from "../../types/ITea.ts";


const teas = inject<ITea[]>("teas") as ITea[];


</script>

<template>
  <!-- *** section 1 start *** -->
  <Carousel :obj="teas"/>
  <!-- *** section 1 end *** -->
  <!-- *** section 2 start *** -->
  <TeaProfile />
  <!-- *** section 2 end *** -->
  <!-- *** section 3 start *** -->
  <HotPoint />
  <!-- *** section 3 end *** -->
</template>

<style scoped>
</style>